
 /* 全局加载画面样式 */
    .global-loader {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(255, 255, 255, 0.95); /* 半透明白色背景，避免遮挡内容 */
      z-index: 9999; /* 确保在最上层 */
      display: none; /* 默认隐藏 */
      flex-direction: column;
      justify-content: center;
      align-items: center;
      transition: opacity 0.3s ease;
    }

    /* 加载动画（环形） */
    .loader-ring {
      width: 60px;
      height: 60px;
      border: 4px solid #f0f0f0;
      border-top-color: #409eff; /* 主色调 */
      border-radius: 50%;
      animation: spin 1.2s linear infinite;
      margin-bottom: 16px;
    }

    /* 加载文字 */
    .loading-text {
      color: #666;
      font-size: 16px;
      margin-bottom: 12px;
    }

    /* 进度条 */
    .progress-bar {
      width: 300px;
      max-width: 90%; /* 适配移动端 */
      height: 4px;
      background: #f0f0f0;
      border-radius: 2px;
      overflow: hidden;
    }

    .progress {
      height: 100%;
      background: #409eff;
      width: 0%;
      transition: width 0.3s ease;
    }

    /* 显示加载画面时的样式 */
    .global-loader.show {
      display: flex;
    }

    /* 环形旋转动画 */
    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }